
// 主题颜色
@theme-color1:#1890FF;
@theme-color2:red;
@active-color:#1890FF;

// 线性渐变色 
.mx-linear_gradient( @a:red , @b:blue){
  background: linear-gradient( to right, @a, @b);
  -webkit-background-clip: text;
  color: transparent;
}

.text-surplus{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
// 盒子大小
.mx-box_size( @width:0 , @height:0 ){
  width: @width;
  height: @height;
}

// 定位
.mx-position( @position:'absolute',@top:50%,@left:50% ){
  position: @position;
  top: @top;
  left: @left;
}

// 居中样式
.mx-dom_center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
// 文本多余 显示...
.mx-ellipsis( @num:1 ){
  word-break:break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @num;
  overflow: hidden;
}
// 阴影
.mx-shadow( @x:1px,@y:1px,@size:5px ){
  box-shadow:  @x @y @size #888888;
}